.nowrap{
    max-width: 700px;
}
.nowrap > span{
    font-size: 16px;
}
.jumbotron{
    padding-bottom: 15px;
}
.row-no-margin{
    margin: auto 0;
}
.nav-live{
    font-size: 14px;
}
.nav-live >li > a{
    padding: 0 5px;
}
.nav-court{
    border-color: #3363A3;
    border-bottom: 3px solid #3363A3;
}
.white-a{
    color: #fff;
}
.white-a:hover{
    color: #fff;
}

.row-court {
    padding-bottom: 20px;
}

.vlc{
    max-height: 660px;
    height: 660px;
}

.pull-left {
    position: absolute;
    width: 122px;
    padding-bottom: 0;
    z-index: 999;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    opacity: 0.7;
    background-color: #000000;
}
.cmp-play-nav-tabs{
    margin-bottom: 10px;
}
#_court_info .row span{
    font-size: 2rem;
    color: #FFFFFF;
}
.cmp-play-text{
    margin-top: 10px;
}
.cmp-breadcrumb{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
pre{
    color: white;
    background-color: #0F3E82;
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    border: 0;
    font-size: 2rem;
}

/*#myModal { margin: -300px 0 0 -280px; !* PLAY THE WITH THE VALUES TO SEE GET THE DESIRED EFFECT *! }*/

@media (height: 1080px) {
    .row-court {
        font-size: 2.25rem;
    }
}

/* 小屏幕（平板，小于等于 768px） */
@media (max-width: 1367px) {
    /*.well{*/
        /*max-height: 440px;*/
        /*height: 440px;*/
    /*}*/
    .row-court {
        font-size: 1rem;
    }
    .nowrap{
        max-width: 600px;
        height: auto;
    }
    .nowrap > span{
        font-size: 14px;
    }
    .nav-live{
        font-size: 10px;
    }
    .nav-live >li > a >span{
        font-size: 12px;
    }
    .vlc{
        max-height: 420px;
        height: 420px;
    }
    pre{
        max-height: 380px;
    }
    .btn-primary{
        margin-left: -10px;
    }
}
/* 小屏幕（平板，小于等于 768px） */
@media (max-width: 768px) {
    .nowrap{
        max-width: 200px;
        height: auto;
    }
    .nowrap > span{
        font-size: 12px;
    }
    .nav-live >li > a >span{
        font-size: 12px;
    }
    .vlc{
        max-height: 300px;
        height: 300px;
    }
}